.ss1{
overflow:auto;width:503px;height:200px;
font-family: "Consolas", "Courier New", Courier, mono, serif;
color:#848176;
margin : 15px 35px 15px 15px;
padding : 10px 10px 10px 35px;
clear : both;
list-style-type : none;
background : #000000 url(http://1.bp.blogspot.com/-WwXKd8sG8To/T92o8Z04vyI/AAAAAAAAAzY/YlyYg6XZ-LM/s1600/lightquote2.JPG) repeat-y top left;
border : 1px solid #000000;
border-left:20px solid #ccc;
-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px
}
.ss1:hover{
background : #000000 url(http://2.bp.blogspot.com/-RE_oKOKNnV0/T92py44KJNI/AAAAAAAAAzg/x4Vwql-DItQ/s1600/lightquote.jpg) repeat-y top left;
color:#FEF9BF;
border : 1px solid #000;
border-left:20px solid #ccc;
-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);
box-shadow: 10px 10px 5px #888888;
}



.sscode{
margin : 15px 15px 15px 15px;
padding : 40px 10px 10px 10px;
clear : both;
font-family : Georgia;
list-style-type : none;
background : #EBF6F8 url(http://3.bp.blogspot.com/-3whHneGemf0/T-JzP9mNAMI/AAAAAAAAA00/-ogCqMVwBF4/s320/quoteCode.gif) no-repeat left top;
border-radius:10px;
overflow-x: scroll;
border : 2px solid #eeeeee;
color : #7D7D7D;
}

.ss2 { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } 
.ss2 { margin: 0; }

.ss3 { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* image hover start */
.hovergallery img{ 
-webkit-transform:scale(0.8); 
-moz-transform:scale(0.8); 
-o-transform:scale(0.8); 
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s; 
-o-transition-duration: 0.5s; 
opacity: 0.7; 
margin: 0 10px 5px 0; 
} 
.hovergallery img:hover{ 
-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
opacity: 1; 
}
/* Image Hover ends*/

/*cosmic image zoom start*/
.zoom_div
{
text-align:center;
width:460px;
height:100px;
background:#ebbb2f;
color:#ffffff;
position:absolute;
font-weight:bold;
font-size:15px;
padding:10px;
float:left;
margin:5px;
-webkit-transition:-webkit-transform 3s,opacity 3s,background 3s,width 3s,height 3s,font-size 3s;
-webkit-border-radius:5px;
-o-transition-property:width,height,-o-transform,background,font-size,opacity;
-o-transition-duration:3s,3s,3s,3s,3s,3s;
-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration:3s,3s,3s,3s,3s,3s;
transition-property:width,height,transform,background,font-size,opacity;
transition-duration:3s,3s,3s,3s,3s,3s;
border-radius:5px;
opacity:0.6;
}
.zoom_div:hover
{
-moz-transform: rotate(-540deg) scale(-2);
-webkit-transform: rotate(-540deg) scale(-2);
-o-transform: rotate(-540deg) scale(-2);
transform: rotate(-540deg) scale(-2);
background:#ad2a56;
width:460px;
height:100px;
position:absolute;
text-align:center;
font-size:15px;

opacity:6;
}
/*cosmic image zoom end*/

/*wheel effect pic start*/
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}

to {
-webkit-transform: rotate(360deg);
}
}

@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg);
}

to {
-moz-transform: rotate(360deg);
}
}

@-ms-keyframes rotate {
from {
-ms-transform: rotate(0deg);
}

to {
-ms-transform: rotate(360deg);
}
}

#wheel { 
background: url(IMAGE_URL_TO_ROTATE.jpg) no-repeat; 
width: 480px; 
height: 480px; 
-webkit-animation-name: rotate; 
-webkit-animation-duration: 50000ms; /* 50 seconds */
-webkit-animation-iteration-count: infinite; 
-webkit-animation-timing-function: linear;
-moz-animation-name: rotate; 
-moz-animation-duration: 50000ms; /* 50 seconds */
-moz-animation-iteration-count: infinite; 
-moz-animation-timing-function: linear;
-ms-animation-name: rotate; 
-ms-animation-duration: 50000ms; /* 50 seconds */
-ms-animation-iteration-count: infinite; 
-ms-animation-timing-function: linear;

/* opera */
-o-transition: rotate(3600deg); /* working */
}
/*wheel effect pic end*/